$(function () {
    $('#loginBox a').on('click', function () {
        $('#loginBox').hide()
        $('#registBox').show()

    })
    $('#registBox a').on('click', function () {
        $('#registBox').hide()
        $('#loginBox').show()

    })



    console.log(layui);
    //结构不懂可以log一下
    let form = layui.form
    form.verify({
        username: [
            /^[a-zA-Z0-9]{1,10}$/,
            '用户名必须是1到10的数字和字母'
        ],
        password: [
            /^[a-zA-Z0-9]{6,15}$/,
            '密码必须是6到15位的非空字符'
        ],
        repassword: function (value) {
            let repwd = $("#registBox input[name=password]").val()
            if (value != repwd) {
                return '两次密码输入不一致,请重新输入'
            }
        }
    })

    $('#formReg').on('submit', function (e) {
        e.preventDefault()
        axios({
            method: 'post',
            url: '/api/reguser',
            data: $(this).serialize()
        }).then(res => {

            if (res.data.status != 0) {
                return layer.msg(res.data.message)
            }
            layer.msg('恭喜你注册成功')
            //触发去登陆点击事件
            $('#registBox a').click()
            //DOM里的方法,清空表单里所有的值
            $('#formReg')[0].reset()
        })



    })
    $('#formLog').on('submit', function (e) {
        e.preventDefault()
        axios({
            method: 'post',
            url: '/api/login',
            data: $(this).serialize()
        }).then(res => {
            if (res.data.status != 0) {
                return layer.msg(res.data.message)
            }
            layer.msg('恭喜你登录成功')
            //登陆成功后会返回token属性用于有权限接口的身份认证,暂时保存在本地
            localStorage.setItem('token', res.data.token)
            //浏览器自动跳转到这个地址
            location.href = '/index.html'

        })



    })




})